.ranking-badge {
  display: inline-flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 12px;
  transition: all 0.3s ease;
}

.ranking-first {
  background: linear-gradient(135deg, #ffd700 0%, #ffb300 100%);
  color: #fff;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
}

.ranking-second {
  background: linear-gradient(135deg, #c0c0c0 0%, #a0a0a0 100%);
  color: #fff;
  box-shadow: 0 4px 15px rgba(192, 192, 192, 0.4);
}

.ranking-third {
  background: linear-gradient(135deg, #cd7f32 0%, #b8860b 100%);
  color: #fff;
  box-shadow: 0 4px 15px rgba(205, 127, 50, 0.4);
}

.ranking-normal {
  background: linear-gradient(135deg, #64b5f6 0%, #42a5f5 100%);
  color: #fff;
}

.pagination-section {
  padding: 16px 24px;
  border-top: 1px solid rgba(21, 101, 192, 0.1);
  background: linear-gradient(
    135deg,
    rgba(33, 150, 243, 0.02) 0%,
    rgba(25, 118, 210, 0.02) 100%
  );
}
